<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<style>
    .page{
        margin: auto;
    }
    img{width: 100%;}
</style>

<meta charset="UTF-8">
<!--meta name="viewport"必须加上!否则会按照800的分辨率缩放,字体大小会不正常-->
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link rel="stylesheet" href="../js/jquery.mobile-1.4.5/jquery.mobile-1.4.5.css"/>
<link rel="stylesheet/less" href="../less/index.less"/>
<title></title>
<body>
<div data-role="page" id="page1" class="page">
    <img src="../images/lead.png" alt=""/>
</div>
<div data-role="page" id="page2" class="page">
    <img src="../images/lead1.png" alt=""/>
</div>

<div data-role="page" id="page3" class="page">
    <a href="choice-film.html"><img src="../images/lead2.jpg" alt=""/></a>
    <div data-role="controlgroup" data-type="horizontal">
    </div>
</div>
</body>
<script src="../js/jquery-1.11.2.js"></script>
<script src="../js/jquery.mobile-1.4.5/jquery.mobile-1.4.5.js"></script>
<script src="../js/lead.js">
</script>
</html>